/*********
  页面样式
**********/

/*********
  基本默认值
**********/
*{
	margin:0;
	padding: 0;
}
html{
	font-size:100%;
	color:#222;
}

::selection{
	background-color: #b3d4fc;
	text-shadow:none;
}

ul{
	margin: 0;
	padding:0;
}
li{
	list-style: none;
}
input:focus{
	border:none;
}

/*使元素不可见，所占区域还在*/
.invisible{
	visibility:hidden;
}

.text-hide{
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color: transparent;
	border:0;
}

/*防止容器顶部的空白崩溃*/
body{
	font-size: 1rem;
	line-height: 1.5;
	background-color:#fff;
}

a{
	color: #666;
	text-decoration: none;
}
a:hover, a:active {
	color:#0ae;
	text-decoration: underline;
}
/*内容*/
.c-container{
	width: 100%;
}
.c-container .c-placeholder{
	width: 100%;
	height: 45px;
	background-color: #f5f5f5;
}
.c-container .c-content{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 100%;
	background-color: #fff;
	height: 555px;
}
.c-container .c-content .c-login-outbox{
	padding: 15px;
	border: 1px solid #666;
}
.c-container .c-content .c-login-box{
	position: relative;
	width:420px;
	height: 345px;
	border: 2px solid #e7e7e7;
}
.c-container .c-content .c-login-box .c-login-box-top{
	box-sizing:border-box;
	padding: 25px;
	color:#666666;
	font-size: 22px;
}
.c-container .c-content .c-login-box .c-input-box{
	position: relative;
	box-sizing:border-box;
	margin-left:25px;
	margin-bottom: 25px;
	width: 358px;
	height: 40px;
}
.c-container .c-content .c-login-box .c-input-box input{
	box-sizing:border-box;
	padding-left: 60px;
	width: 100%;
	height: 100%;
	border: 2px solid #e7e7e7;
}
.c-container .c-content .c-login-box .c-input-box .c-user{
	position: absolute;
	left:20px;
	top:10px;

}
.c-container .c-content .c-login-box .c-input-box .c-password{
	position: absolute;
	left:23px;
	top:10px;
}
.c-container .c-content .c-login-box  .c-btn-box {
	position: absolute;
	width: 100%;
	top:276px;
	left: 26px;
}
.c-container .c-content .c-login-box  .c-btn-box button{
	box-sizing:border-box;
	width: 170px;
	height: 40px;
	margin-right: 14px;
}
.c-red{
	color:#fff;
	border: 1px solid #d0201e;
	background-color:#d0201e;
}
.c-gray{
	color:#666;
	border: 1px solid #e8e8e8;
	background-color: #e8e8e8;
}
.c-container .c-content .c-login-box .c-input-box2{
	position: relative;
	box-sizing:border-box;
	width: 358px;
	height: 40px;
	margin-left: 25px;
	margin-top: -15px;
}
.c-container .c-content .c-login-box .c-input-box2 input{
	box-sizing:border-box;
	padding-left: 20px;
	position: absolute;
	top:15px;
	width:250px;
	height: 100%;
	border: 2px solid #e7e7e7;
}
.c-container .c-content .c-login-box .c-input-box2 img{
	position: absolute;
	display: inline-block;
	box-sizing:border-box;
	left:270px;
	top:15px;
	width:90px;
	height:40px;
}

/*底部*/
.footer{
	position: relative;
	width: 100%;
	height: 558px;
	background-color:#f5f5f5;
}
.footer .footer-top-img{
	width: 1200px;
	height: 135px;
}
.footer .footer-top-img img{
	width: 100%;
	height: 100%;
}
.footer .footer-list{
	width: 100%;
	height: 207px;
	background-color: #fff;
}
.footer .footer-list .ul-container{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 1200px;
    height: 100%;


}
.footer .footer-list .footer-list .ul-box{
	font-size: 14px;
}
.footer .footer-bottom{
	width: 100%;
	height:216px;
} 
.footer .footer-bottom .footer-bottom-list{
	margin-top: 20px;
	width: 1200px;

}
.footer .footer-bottom .footer-bottom-list ul{
	width: 800px;
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	text-align: center;
}
.footer .footer-bottom .footer-bottom-list ul a{
}
.footer .footer-bottom .copyright{
	margin-top: 42px;
	width: 800px;
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 1200px;
	font-size: 14px;
	color:#797979;
}
.footer .footer-bottom .copyright-img{
	margin-top: 20px;
	width: 800px;
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.footer .qr{
	width: 150px;
	height: 150px;
}
.footer .qr img{
	width: 100%;
	height: 100%;
}
.footer 





